<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 需要放在头部 -->
		<!-- <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script> -->
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"
			media="(min-device-width:320px) and (max-device-width:720px)" />
		<link rel="stylesheet" type="text/css" href="css/settle-accounts/settle-accounts.css" />
		<link rel="icon" type="text/css" href="img/favicon.ico" />
	</head>
	<body>
		<div class="App">
			<div class="header-App">
				<div class="headerse">
					<a href="#" onclick="go()">
						<img src=""
							style="height:.7rem;width:.7rem">
					</a>
					<div class="cat">
						<span>用户结算</span>
					</div>
					<div style="width:.9rem;height: .5rem;"></div>
				</div>
			</div>
			<!-- 结算选项 -->
			<div class="settle-center">
				<div class="top">
					<img src=""
						class="bell">

					<div class="swiper-slide">
						<div>套装版充电套装显示0.01元，此价格非实际售价，仅作价格展示，实际价格以商城销售价为准</div>
					</div>
					<img src=""
						class="cross">
				</div>

				<!-- 选择付款方式 -->
				<div class="total-settle">
					<div class="settle">
						<div class="site">
							<div>
								<span name="user">邓明猴</span>
								<span name="phone">1777***13121</span>
							</div>
							<div>
								<p name="site">浙江 金华 义乌市 义乌人民法院</p>
							</div>
						</div>
					</div>
					<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
					<div class="settle-tj">
						<ul class="xz">
							<li>
								<div class="item on"><a class="alipaywap">支付宝</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="micash_wap">小米钱包</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="weixin_wap">微信支付</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="unionpaywap">银联支付</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="bestpay_wap">翼支付</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="micashcreditinstallment_wap">信用卡分期</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item"><a class="antinstal_m">花呗分期</a>
									<!---->
								</div>
								<!---->
							</li>
							<li>
								<div class="item">
									<a class="mifinanceinstal_m">小米分期</a>
									<div class="subtitle primary">享24期免息</div>
								</div>
								<!---->
							</li>
						</ul>
						<div class="gather"><span class="ga-t">收取其他支付方式</span><span class="rax45 rx"></span></div>
					</div>
					<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
					<!-- 发票 -->
					<div class="invoice">
						<div class="yf-item">
							<span>运费</span>
							<p>包邮</p>
						</div>
						<div class="yf-item">
							<span>电子普通发票</span>
							<div style="display: flex;align-items: center;">
							<p>个人</p>
							<p class="person rax225"style="margin-left: .2rem;"></p>
							</div>
						</div>

						<div class="yf-item dyh">
							<span>优惠卷</span>
							<div>
							<p class="person rax225"></p>
							</div>
						</div>
						<div class="yh-item">
							<div class="yh">使用优惠券码</div>
							<div class="in">
								<div class="input">
									<input placeholder="请输入优惠券码" />
								</div>
								<input type="button" value="确定" />
							</div>
						</div>
					</div>
					<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
					<div class="invoice">
						<div class="yf-item">
							<img src="img/settle-accounts/pms_1617008590.88834809.jpg" />
							<p class="xm">Xiaomi 11 Ultra 12GB+256GB 陶瓷白</p>
							<span>5999.00</span>
						</div>
					</div>
					<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
					<div class="invoice">
						<div class="yf-items">
							<div><span class="sp">商品价格:&nbsp;<p> 5999.00</p></span></div>
							<div><span class="sp">配送费用:&nbsp;<p> 0.00</p></span></div>
						</div>
					</div>
					<div style="height:4rem;"></div>
				</div>

			</div>

			<!-- 结算按钮 -->
			<div class="bottom">
				<div class="distribution-details">
					<span>配送至: 浙江 金华市 义乌市 义乌人民法院</span>
				</div>
				<div class="box">
					<div class="jg">
						<span>共一件</span>&nbsp;&nbsp;
						<span>合计: </span>&nbsp;
						<span class="jg-s">5999.00</span>
					</div>
					<div class="button">去付款</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/settle-accounts.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
</html>
